
<%@ page import="sematproject.Kernel"%>
<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="barraUsuario">
</head>
<body>
	<g:render template="/common/barraLateralKernel" />
	<div id="pagKernel">
		<g:each in="${cartInstanceList}" status="i" var="cartInstance">
			<g:if test="${i==6||i==12||i==18||i==24||i==30||i==36||i==41}"><div id ="otroRenglon"></div></g:if>	
				 <div id="${(cartInstance.tipo == 1||cartInstance.tipo == 2)? 'cartaVerdeMini' : ((cartInstance.tipo == 3||cartInstance.tipo == 4)? 'cartaAmarillaMini' : 'cartaAzulMini')}">
					<g:link controller="kernel" action="list" id="${cartInstance.id}" >
						<div id="${(cartInstance.tipo == 1||cartInstance.tipo == 2)? 'tituloCartaVerdeMini' : ((cartInstance.tipo == 3||cartInstance.tipo == 4)? 'tituloCartaAmarillaMini' : 'tituloCartaAzulMini')}">
							${cartInstance.nombre}
						</div>
						<div id="${(cartInstance.tipo == 1||cartInstance.tipo == 2)? 'encabezadoCartaVerdeMini' : ((cartInstance.tipo == 3||cartInstance.tipo == 4)? 'encabezadoCartaAmarillaMini' : 'encabezadoCartaAzulMini')}">
							${cartInstance.encabezado}
						</div>
						<div>
							<img id="garabato"/>
						</div>
						<div id="${(cartInstance.tipo == 1||cartInstance.tipo == 2)? 'pieCartaVerdeMini' : ((cartInstance.tipo == 3||cartInstance.tipo == 4)? 'pieCartaAmarillaMini' : 'pieCartaAzulMini')}">
							${cartInstance.numero}
						</div>
						<div id="panelOculto">
							${contadorTareas = 0}
							${contadorFinalizadas = 0}
							<g:each in="${taskInstanceList}" status="j" var="taskInstance">
								<g:if test="${taskInstance.category == cartInstance.categoria}">
									${contadorTareas = contadorTareas + 1}
									<g:if test="${taskInstance.state == 2}">
										${contadorFinalizadas = contadorFinalizadas + 1}
									</g:if>
								</g:if>
							</g:each>
						</div>
						<g:if test="${contadorTareas == contadorFinalizadas && contadorTareas != 0}"><img id="terminado"/></g:if>
					</g:link>
				</div>	
		</g:each>	
	</div>
		
	<%--------------------------- Carga el fondo trasparente ---------------------------%>
	<g:link class='fondoTransparente' controller="kernel" action="show" id="${session.sesion.id}"></g:link>
	<%-----------------------------------------------------------------------------------%>
		
		<div id="${(cartainstance.tipo == 1||cartainstance.tipo == 2)? 'panelCartaKernelVerde' : ((cartainstance.tipo == 3||cartainstance.tipo == 4)? 'panelCartaKernelAmarilla' : 'panelCartaKernelAzul')}">
		
			<div id="${(cartainstance.tipo == 1||cartainstance.tipo == 2)? 'cartaVerde' : ((cartainstance.tipo == 3||cartainstance.tipo == 4)? 'cartaAmarilla' : 'cartaAzul')}">
				<div id="${(cartainstance.tipo == 1||cartainstance.tipo == 2)? 'tituloCartaVerde' : ((cartainstance.tipo == 3||cartainstance.tipo == 4)? 'tituloCartaAmarilla' : 'tituloCartaAzul')}">
					${cartainstance.nombre}
				</div>
				<div id="${(cartainstance.tipo == 1||cartainstance.tipo == 2)? 'encabezadoCartaVerde' : ((cartainstance.tipo == 3||cartainstance.tipo == 4)? 'encabezadoCartaAmarilla' : 'encabezadoCartaAzul')}">
					${cartainstance.encabezado}
				</div>
				<div id="panelObjetivos">
					<g:if test="${cartainstance.indice_1 != ''}">* ${cartainstance.indice_1}<br><br></g:if>
					<g:if test="${cartainstance.indice_2 != ''}">* ${cartainstance.indice_2}<br><br></g:if>
					<g:if test="${cartainstance.indice_3 != ''}">* ${cartainstance.indice_3}<br><br></g:if>
					<g:if test="${cartainstance.indice_4 != ''}">* ${cartainstance.indice_4}<br><br></g:if>
					<g:if test="${cartainstance.indice_5 != ''}">* ${cartainstance.indice_5}<br><br></g:if>
				</div>
				<div id="${(cartainstance.tipo == 1||cartainstance.tipo == 2)? 'pieCartaVerde' : ((cartainstance.tipo == 3||cartainstance.tipo == 4)? 'pieCartaAmarilla' : 'pieCartaAzul')}">
					${cartainstance.numero}
				</div>
			</div>
			
			<g:each in="${taskInstanceList}" status="i" var="taskInstance">
				<g:if test="${taskInstance.category == cartainstance.categoria}">
					<p id="encabezadoTareasCartas">Nombre</p>
					<p id="encabezadoTareasCartasE">Estado</p>
				</g:if>
			</g:each>
			
						
			<div id="panelTareasCartas">
			<table>
				<g:each in="${taskInstanceList}" status="i" var="taskInstance">
					<g:if test="${taskInstance.category == cartainstance.categoria}">
						<tr class="${(i % 2) == 0 ? 'even' : 'asdasd'}">
							<td id="tamNombreTareaCarta">${taskInstance.name}</td>
						 	<g:if test="${taskInstance.state == 0}"><td>To Do</td></g:if>
						 	<g:if test="${taskInstance.state == 1}"><td>Doing</td></g:if>
						 	<g:if test="${taskInstance.state == 2}"><td>Done</td></g:if>
						</tr>
					</g:if>
				</g:each>
			</table>
			</div>
			
			<g:link controller="task" action="createTaskKernel" id="${id}"><img id="agregarTareaIconoKernel" title="Agregar una nueva tarea" /></g:link>
		
			
		</div>
		
</body>
</html>
